<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="../include.jsp" %>


<html>
<head>
	<script type="text/javascript" src="/scripts/custom/member/add.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			
			// 중복체크
			$("#id_href_overlap_check").click(function(e) {
				e.preventDefault();				
				fnIdOverlapCheck();
			});
			
			// 가입
			$("#id_btn_register").click(function(e) {
				e.preventDefault();
				if (fnValidationCheck()) {
					$("#user").submit();
				} else {
					return;
				}
			});
			
			// 취소
			$("#id_btn_cancel").click(function(e) {
				e.preventDefault();
				location.href = '/';
			});
			
		});
	</script>
</head>
<body>
<form:form modelAttribute="user" methd="post">

		<input type="hidden" id="id_hid_id_overlap_check" value="" />


		<h3>회원가입</h3>
		

		<fieldset class="tbl_type3 tbl_forms">  
		    <table cellspacing="0" border="1" summary="표에 관한 요약 정보">  
		    <col width="100">  
		    <col>  
			
		    <tr>  
		    <th>아이디</th>  
		    <td>
				<form:input path="id" cssClass="input_txt" style="width:150px" /><a href="#" id="id_href_overlap_check" class="btn_xsml"><span>중복확인</span></a>
				<span id="id_div_id_overlap_check"></span>
			</td>  
		    </tr>  
		
		    <tr>  
		    <th>비밀번호</th>  
		    <td>
				<form:password path="password" cssClass="input_txt" style="width:150px" />    	
		    </td>  
		    </tr>  
		
		    <tr>  
		    <th>비밀번호 확인</th>  
		    <td>
		    	<input id="password_check" name="password_check" class="input_txt" style="width:150px" type="password" value=""/>
		    </td>  
		    </tr>  
		
		    <tr>  
		    <th>이름</th>  
		    <td><form:input path="name" cssClass="input_txt" style="width:300px" /></td>  
		    </tr>  		

		    <tr>  
		    <th>닉네임</th>  
		    <td><form:input path="nickname" cssClass="input_txt" style="width:300px" /></td>  
		    </tr>
		
		    <tr>  
		    <th>이메일</th>  
		    <td><form:input path="email" cssClass="input_txt" style="width:300px" /></td>  
		    </tr>
		
		    </table>  
		</fieldset> 
		
		<br>
		<div>※ 아이디는 15자리 이하로 만들어주세요.</div>
		<br>
		
		<div style="text-align:center;">
			<a href="#" id="id_btn_register" class="btn_big"><strong>가입하기</strong></a>  
			<a href="#" id="id_btn_cancel" class="btn_big"><span>취소</span></a>  
		</div>



</form:form>	
</body>
</html>